// *{
//   margin: 0;
//   padding: 0;
// }
//移动端点击高亮
html,body{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input{
  border: none;
  outline: none;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
textarea{
  border: none;
  outline: none;
}
button{
  border: none;
  outline: none;
}
a{
  text-decoration: none;
  color: #333;
}
li{
  list-style-type: none;
}
//解决端遮罩层穿透
body.dialog-open {
  position: fixed;
  width: 100%;
}
.page{
  padding: 0 50px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.m-5{ margin: 5px; }
.m-10{ margin: 10px; }
.m-15{ margin: 15px; }
.m-20{ margin: 20px; }
.ml-5{ margin-left: 5px; }
.ml-10{ margin-left: 10px; }
.ml-15{ margin-left: 15px; }
.ml-20{ margin-left: 20px; }
.mr-5{ margin-right: 5px; }
.mr-10{ margin-right: 10px; }
.mr-15{ margin-right: 15px; }
.mr-20{ margin-right: 20px; }
.mt-5{ margin-top: 5px; }
.mt-10{ margin-top: 10px; }
.mt-15{ margin-top: 15px; }
.mt-20{ margin-top: 20px; }
.mb-5{ margin-bottom: 5px; }
.mb-10{ margin-bottom: 10px; }
.mb-15{ margin-bottom: 15px; }
.mb-20{ margin-bottom: 20px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }
.mt-60{ margin-top: 60px; }
.mb-40{ margin-bottom: 40px; }
.mb-50{ margin-bottom: 50px; }
.mb-60{ margin-bottom: 60px; }

.p-5{ padding: 5px; }
.p-10{ padding: 10px; }
.p-15{ padding: 15px; }
.p-20{ padding: 20px; }
.pl-5{ padding-left: 5px; }
.pl-10{ padding-left: 10px; }
.pl-15{ padding-left: 15px; }
.pl-20{ padding-left: 20px; }
.pr-5{ padding-right: 5px; }
.pr-10{ padding-right: 10px; }
.pr-15{ padding-right: 15px; }
.pr-20{ padding-right: 20px; }
.pt-5{ padding-top: 5px; }
.pt-10{ padding-top: 10px; }
.pt-15{ padding-top: 15px; }
.pt-20{ padding-top: 20px; }
.pb-5{ padding-bottom: 5px; }
.pb-10{ padding-bottom: 10px; }
.pb-15{ padding-bottom: 15px; }
.pb-20{ padding-bottom: 20px; }

.flex{ display: flex; }
.flex1{ flex: 1; }
.x_y_center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.x_y_between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.float_l{ float: left; }
.float_r{ float: right; }
.card{
  background: #fff;
  box-shadow: 0 3px 6px #dcdcdc;
  border-radius: 5px;
}
img{
  width: 100%;
  height: 100%;
}
.txt_center{text-align: center;}
.txt_right{text-align: right;}
.txt_left{text-align: left;}

.txt_one_show {
  overflow:hidden;  //超出部分隐藏
  text-overflow:ellipsis;  //超出部分显示...
  white-space:nowrap;  //文本强制一行显示   
}
.bround{border-radius: 10px;}
.c999{color: #999;}
.cfff{color: #fff;}
.c000{color: #000;}
.cb31{color: #b31731;}
.b999{background-color: #999;}
.bfff{background-color: #fff;}
.b000{background-color: #000;}
.bb31{background-color: #b31731;}
.fz_10{font-size: 10px;}
.fz_12{font-size: 12px;}
.fz_14{font-size: 14px;}
.fz_16{font-size: 16px;}
.fz_18{font-size: 18px;}
.fz_20{font-size: 20px;}
